@import '~styles/colors.less';

.root {
  border: 1px solid @adminBorders;
  margin-top: -1px;
}

.header {
  padding: 15px 25px;
  height: 70px;
  text-align: left;
  cursor: pointer;

  &:hover {
    background-color: #fefefe;

    .delete {
      visibility: visible;
    }
  }
}

.locked .header {
  cursor: default;
  &:hover {
    background-color: fadeout(@alert, 99%);
  }
}

.info {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.title {
  font-size: 15px;
  line-height: 22px;
  color: @adminTextHighlight;
}

.id {
  font-size: 12px;
  color: @adminText;
}

.right {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.delete {
  visibility: hidden;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  color: @adminText;
  font-size: 11px;
  margin-right: 20px;

  &:hover {
    color: @alert;
  }
}

.icon, .type {
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
}

.icon {
  color: @adminText;
  font-size: 10px;
  margin-left: 10px;
}

.locked .icon {
  color: fadeout(@alert, 60%);
}

.type {
  font-size: 15px;
  color: @adminText;
}
